<style lang="less">
.result-item{
    border-bottom: 1px solid #eee;
    line-height: 42px;
    padding-left: 12px;
}
.result-title{
    line-height: 32px;
     border-bottom: 1px solid #eee;
    // margin-bottom: 12px; 
}
</style>
<template>
    <Card style="min-height: calc(100vh - 120px)">
        <div slot="title"><h4><Icon type="android-search" style="margin-right: 8px"></Icon>"{{this.searchedWord}}" 的搜索结果（共{{searchedResult.count}}条）</h4></div>
        <div>
            <div v-if="searchedResult.count===0" style="position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); font-weight: bold;font-size: 18px">未搜索到结果</div>
            <div class="result-title">医疗设备</div>
            <div class="result-item" v-for="item in searchedResult.hospital">
                <a :href="`#/data/data-hospital/${item.id}`">{{item.id}}</a>
                <span>{{item.type}}</span>
                <Tag type="border" color="green" style="margin-left: 12px; transform: translateY(-1px)">{{item.status}}</Tag>
                <span style="margin-left: 12px">{{item.I}}</span>
                <span style="margin-left: 12px">{{item.U}}</span>
            </div>
            <!-- <div>插座</div> -->
            <!-- <div> </div> -->
        </div>
    </Card>
</template>

<script>
export default {
  name: "home",
  components: {},
  data() {
    return {
      searchedWord: "",
      searchedResult: {
        count: 1,
        hospital: [{
            id: 'D31321831',
            type: '核磁共振仪',
            I: '851.21 mA',
            U: '219.32 V',
            status: '正常使用中'
        }],
        research: [],
        plugin: []
      }
    };
  },
  computed: {},
  mounted() {
    this.searchedWord = this.$router.history.current.params.searchedWord;
  },
  methods: {}
};
</script>
